{load href="/static/zTree/js/jquery.ztree.all.min.js" /}
{load href="/static/zTree/css/zTreeStyle/zTreeStyle.css" /}
<SCRIPT LANGUAGE="JavaScript">
    var zTreeObj;
    // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
    var setting = {
        view: {
            selectedMulti: false
        },
        check: {
            enable: true
        },
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            onCheck: onCheck
        }
    };
    // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
    var zNodes = {$menu};
    var priv = [];
    var zTree;
    var id = {$id};
    function onCheck(e, treeId, treeNode) {
        var checkedNodes = zTree.getCheckedNodes(true);
        priv = [];
        checkedNodes
        for (var i in checkedNodes) {
            priv.push(checkedNodes[i].id);
        }
        console.log(priv);
    }

    /**
     * 
     * @returns {undefined}
     */
    function upMemberPriv() {
        //console.log(priv);
        stbAjax('{:Url("power/editMemberPriv")}', {id: id, priv: priv}, function (data) {
            console.log(data);
            toast(data.code ? '成功' : '失败', data.msg, 2000);
        });
    }


    $(document).ready(function () {
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        zTree = $.fn.zTree.getZTreeObj("treeDemo");
    });


</SCRIPT>

<div class="panel panel-info">
    <div class="panel-heading">
        编辑管理员权限
        <BUTTON class="btn btn-sm btn-primary  pull-right" onclick="upMemberPriv()">提交</BUTTON>
    </div>
    <div class="panel-body">
        <!--p class="bg-danger">
            1，菜单分为三级。<br/>
            2，一级菜单统一是父节点，不执行任何操作或显示页面。<br/>
            3，一级、二级可以控制是否显示。<br/>
            4，二级可以直接直接显示页或直接执行某项操作,[建议将不显示的二级菜单归属到其它相近功能的二级菜单下，变为三级菜单]<br/>
            5，三级菜单一律不显示。
        </p-->
        <ul id="treeDemo" class="ztree"></ul>
    </div>
</div>
